<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>echarts示例</title>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<link href="../common/css/style.css" rel="stylesheet">
</head>
<body style="background-image: url('../navigation/img/bg-img.jpg'); width: 98%; height: 100%;overflow: hidden;">
	<a href="../navigation/index.html" class="close-menu">Close<span></span></a>
	<div style="width: 100%;height: 95%;padding: 10% 25%;">
		<div id="main" style="width: 600px;height: 400px"></div>
	</div>

	<script type="text/javascript">
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('main'));

		// 指定图表的配置项和数据
		var option = {
			title : {
				text : 'ECharts 入门示例'
			},
			tooltip : {},
			legend : {
				data : [ '销量' ]
			},
			xAxis : {
				data : [ "衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子" ]
			},
			yAxis : {},
			series : [ {
				name : '销量',
				type : 'bar',
				data : [ 5, 20, 36, 10, 10, 20 ]
			} ]
		};

		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
	</script>
</body>
</html>